<template>
	<view>
		<view class="box">
			<view class="card" v-for="(item,index) in list" :key="index">
				<view class="left">
					<image :src="item.url" mode=""></image>
					<view class="content">
						<text style="display: block;font-size: 30rpx;">{{item.name}}</text>
						<view style="margin-top: 5rpx;">
							<image src="../../static/img/xx.png" mode=""></image>
							<image src="../../static/img/xx.png" mode=""></image>
							<image src="../../static/img/xx.png" mode=""></image>
							<image src="../../static/img/xx.png" mode=""></image>
						</view>
					</view>
				</view>
				<view class="right">
					<u-button v-if="item.fen==''" class="custom-style" shape="circle" size="mini">未评价</u-button>
					<text v-else>
						<text class="fen">{{item.fen}}</text>
						分
					</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			list: [
				{
					url: require('../../static/logo.png'),
					name: '王大锤',
					fen: ''
				},
				{
					url: require('../../static/logo.png'),
					name: '王大锤',
					fen: ''
				},
				{
					url: require('../../static/logo.png'),
					name: '王大锤',
					fen: '87'
				},
				{
					url: require('../../static/logo.png'),
					name: '王大锤',
					fen: '87'
				},
				{
					url: require('../../static/logo.png'),
					name: '王大锤',
					fen: '87'
				},
				{
					url: require('../../static/logo.png'),
					name: '王大锤',
					fen: '87'
				}
			]
		};
	}
};
</script>

<style lang="scss">
@import './lecturer.scss';
</style>
